<!DOCTYPE html>
<html lang="zh-hans">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
    <title>{{page.title}}</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- CSS -->
    <link rel="stylesheet" href="{{site.baseurl}}/public/css/styles.css">
    <!-- 字体 -->
    <link rel="stylesheet" href="{{site.cdn}}/public/fonts/iconfont.css">
    <link rel="icon" type="image/png" href="{{site.cdn}}/public/images/icons/launcher-icon-128x128.png">
    <style>
      .container{
        font-size: 14px;
      }
      @media (min-width: 800px) {
        .content {
          margin-left: 1rem;
          margin-right: 1rem;
        }
      }
      @media (min-width: 1000px) {
        .content {
          margin-left: 1rem;
          margin-right: 1rem;
        }
      }
      @media (min-width: 1200px) {
        .content {
          max-width: 100%;
          margin-left: 1rem;
          margin-right: 1rem;
        }
      }
      @media (min-width: 1400px) {
        .content {
          max-width: 100%;
          margin-left: 1rem;
          margin-right: 1rem;
        }
      }
      @media (min-width: 1600px) {
        .content {
          max-width: 100%;
          margin-left: 1rem;
          margin-right: 1rem;
        }
      }
      @media (min-width: 1800px) {
        .content {
          max-width: 100%;
          margin-left: 1rem;
          margin-right: 1rem;
        }
      }
      .page, .post {
          margin-bottom: 0em;
      }
      .content {
          padding-top: 2rem;
          padding-bottom: 1rem;
      }
    </style>
  </head>
  <body>
    <main class="content container">
      <article class="post">
        <h1 class="post-title">{{page.title}}</h1>
        <hr class="post-divide">
        {{content}}
      </article>
    </main>
  </body>
</html>
